@import '~@/assets/style/color.scss';


html, body {
  margin: 0px;
  height: 100%;
  font-family: "黑体","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
  //background: rgb(23, 27, 29);
  #app {
    @extend %full;
    //background: #112a2a;
    a {
      text-decoration: none;
    }
  }
}

// 填满父元素
// 组要父元素 position: relative | absolute;
%full {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}


.layout-group {
  height: 100%;
  width: 100%;
  min-width: 900px;
  background-size: cover;
  background-position: bottom;
  overflow: hidden;
  position: relative;
  background-color: #edf1f4;
  //background-image: url("~@/assets/bg.png");
}
.layout-header-aside-mask {
  @extend %full;
}
.layout-header-aside-content{
  @extend %full;
}
.layout-content{
  display: flex;

  @extend %full;
  top: 6%;
}

.layout-header {
  color: #fff;
  height: 6%;
  width: 100%;
  padding: 0 20px 0 26px;
  background: url("~@/assets/header_bg.png") no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(3px) !important;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-3px) !important;
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  width: 8px !important;
  height: 1.5px !important;
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(3px) !important;
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-3px) !important;
}


.layout-content-main{
  //@extend %full;
  overflow: hidden;
  background: url("~@/assets/content_bg.png") no-repeat left top;
  background-size: 98% 98%;
}



.layout-content-main {
  // 布局组件
  .container-component {
    @extend %full;
    overflow: hidden;
    // 填充式布局组件
    .container-full {
      position: absolute;
      top: 0px;
      right: 5px;
      bottom: 0px;
      left: 0px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      .container-full__body {
        flex-grow: 1;
        height: 100%;
        padding: 20px 20px;
        overflow: auto;
        position: relative;
      }
    }
    // 填充式布局组件 - 滚动优化
    .container-full-bs {
      position: absolute;
      top: 0px;
      right: 5px;
      bottom: 0px;
      left: 0px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      .container-full-bs__body {
        flex-grow: 1;
        overflow: hidden;
        position: relative;
        .container-full-bs__body-wrapper-inner {
          padding: 20px;
          position: relative;
        }
      }
    }
    // 隐形布局组件
    .container-ghost {
      position: absolute;
      top: 0px;
      right: 5px;
      bottom: 0px;
      left: 0px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      .container-ghost__body {
        flex-grow: 1;
        overflow: auto;
        position: relative;
      }
    }
    // 隐形布局组件 - 滚动优化
    .container-ghost-bs {
      position: absolute;
      top: 0px;
      right: 5px;
      bottom: 0px;
      left: 0px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      .container-ghost-bs__body {
        flex-grow: 1;
        overflow: hidden;
        position: relative;
      }
    }
    // 卡片式布局组件
    .container-card {
      position: absolute;
      top: 0px;
      right: 5px;
      bottom: 0px;
      left: 0px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      .container-card__body {
        flex-grow: 1;
        overflow: auto;
        .container-card__body-card {
          position: relative;
          margin-bottom: 20px;
          padding: 20px;
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px;
        }
      }
    }
    // 卡片式布局组件 - 滚动优化
    .container-card-bs {
      position: absolute;
      top: 0px;
      right: 5px;
      bottom: 0px;
      left: 0px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      .container-card-bs__body {
        position: relative;
        flex-grow: 1;
        overflow: hidden;
        .container-card-bs__body-wrapper-inner {
          padding-bottom: 20px;
        }
        .container-card-bs__body-card {
          position: relative;
          padding: 20px;
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px;
        }
      }
    }
  }
}

.ant-table-wrapper .ant-table-placeholder::after {
  content: ""!important;
}
.ant-select-tree-dropdown .ant-select-not-found{
  min-height: 30px;
}
.ant-empty-small{
  display: none;
}
